<?php
$base = "http://" . $_SERVER['SERVER_NAME'];
?>
<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#" lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
        <title>Where2service</title>
        <link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
        <link rel="stylesheet" href="<?= $base ?>/css/style.css" type="text/css" media="all" />
        <!--        <link href='http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100' rel='stylesheet' type='text/css'>        -->
        <link href="<?= $base ?>/bootstrap/css/bootstrap.css" rel="stylesheet" />                        
        <link href="<?= $base ?>/bootstrap/css/bootstrap-responsive.css" rel="stylesheet"/>
        <script src="<?= $base ?>/js/jquery-1.8.0.min.js" type="text/javascript"></script>
        <script src="<?= $base ?>/js/jquery.json-2.3.min.js" type="text/javascript"></script>
        <script src="<?= $base ?>/bootstrap/js/bootstrap.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <!--[if lt IE 9]>
                <script src="js/modernizr.custom.js"></script>
        <![endif]-->
        <script src="<?= $base ?>/js/jquery.carouFredSel-5.5.0-packed.js" type="text/javascript"></script>
        <script src="<?= $base ?>/js/functions.js" type="text/javascript"></script>
        <style> 
            .navbar-inner {                
                /*                background-image: -moz-linear-gradient(top, #222222, #111111);
                                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
                                background-image: -webkit-linear-gradient(top, #222222, #111111);
                                background-image: -o-linear-gradient(top, #222222, #111111);
                                background-image: linear-gradient(to bottom, #222222, #111111);
                                background-repeat: repeat-x;
                                border-color: #252525;
                                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);*/
                /*                background: rgb(0,129,194);
                                background: -moz-linear-gradient(top,  rgba(0,129,194,1) 0%, rgba(0,129,194,1) 100%);
                                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,129,194,1)), color-stop(100%,rgba(0,129,194,1)));
                                background: -webkit-linear-gradient(top,  rgba(0,129,194,1) 0%,rgba(0,129,194,1) 100%);
                                background: -o-linear-gradient(top,  rgba(0,129,194,1) 0%,rgba(0,129,194,1) 100%);
                                background: -ms-linear-gradient(top,  rgba(0,129,194,1) 0%,rgba(0,129,194,1) 100%);
                                background: linear-gradient(to bottom,  rgba(0,129,194,1) 0%,rgba(0,129,194,1) 100%);
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081c2', endColorstr='#0081c2',GradientType=0 );*/

                /*color: #ffffff;*/
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                background-color: #49afcd;
                *background-color: #2f96b4;
                background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
                background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
                background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
                background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
                background-repeat: repeat-x;
                border-color: #2f96b4 #2f96b4 #1f6377;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

            }
            .navbar .nav li.dropdown > .dropdown-toggle .caret{
                border-top-color: white;
            }
            .navbar .nav > li > a {
                float: none !important;
                padding: 10px 16px 10px;
                color:transparent;
                text-decoration: none;
                text-shadow: 0 1px 0 #ffffff;
            }
            .dropup .caret,            
            .navbar-fixed-bottom .dropdown .caret {
                border-top: 0;
                border-bottom: 0;
                content: "";
            }            
            .navbar .nav li.dropdown > a:hover .caret,
            .navbar .nav li.dropdown > a:focus .caret {
                border-top-color: white;
                border-bottom-color: white;
            }
            .navbar-inner{
                padding-left: 1px;
                padding-right: 0px;
                /*border: 1px solid rgb(152,213,233);*/
            }
            .navbar .divider-vertical{
                height: 40px;
                margin: 0;
                border-right: 1px solid #71ceef;
                border-left: 0px;
                /*                margin: 0 8px;
                                border-right: 1px solid rgb(152,213,233);*/
            }
            .navbar .nav > li > a:focus,
            .navbar .nav > li > a:hover {
                color: transparent;
                text-decoration: none;
                background-color: transparent;
            }

            .navbar .nav > .active > a,
            .navbar .nav > .active > a:hover,
            .navbar .nav > .active > a:focus {    
                color: #0081c2;
                text-decoration: none;    
                background-color: white;
                -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
                -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
                box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
            }
            .navbar .nav li.dropdown.open > .dropdown-toggle,
            .navbar .nav li.dropdown.active > .dropdown-toggle,
            .navbar .nav li.dropdown.open.active > .dropdown-toggle {                
                color: #0081c2;
                /*background-color: #0081c2;*/
                background-color: white;
            }
            .navbar .nav li.dropdown > .dropdown-toggle .caret {
                /*border-top-color: #777777;*/
                border-bottom-color: #777777;
            }
            .navbar .nav > li[key='Mobiles'] > a {
                width: 85px;
                text-align: center;
                padding-left: 15px;                
            }
            .navbar .nav > li[key='Cameras'] > a {
                width: 85px;
                text-align: center;
                padding-left: 10px;
            }
        </style>
    </head>
    <body>
        <!-- wrapper -->
        <div id="wrapper">
            <div class='search_for' style="margin-top: 10%; margin-left: 9.3%; position: absolute;"><img src="/bootstrap/img/search_for.png" /></div>
            <!-- shell -->
            <div class="shell">
                <!-- container -->
                <div class="st-container">
                    <!-- header -->
                    <header id="header">                         
                        <h1 id="logo"><a href="<?= $this->url(array(), 'home2'); ?>">Vijaysales</a></h1>                                                                                     
                        <div class="cl">&nbsp;</div>
                    </header>
                    <!-- end of header -->
                    <div class="cl"></div>
                    <!-- navigaation --> 
                    <div class="navbar">
                        <div class="navbar-inner">
                            <div class="container">
                                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>                    
                                <div class="nav-collapse collapse">
                                    <ul class="nav">
<!--                                        <li key="home"><a href="#"><i class="icon-home"></i> Home</a></li>                                        
                                        <li key="home"><a href="#"><i class="icon-home"></i> Home</a></li>-->
                                        <?php
                                        $menuItems = new System_Menu();
                                        $generateMenuForMainSite = $menuItems->generateMenuForMainSite();
                                        echo $generateMenuForMainSite;
                                        ?>

                                    </ul>
                                </div><!--/.nav-collapse -->
                            </div>
                        </div>
                    </div>                                       
                    <!-- end of navigation -->
                    <?= $this->layout()->content; ?>
                    <!-- end of main -->
                    <div class="cl">&nbsp;</div>

                    <!-- footer -->
                    <div id="footer">
                        <div class="footer-nav" style="font-weight: bold;">
                            <ul>
                                <!--<li><a href="<?= $this->url(array(), 'admin-login'); ?>" target="_blank">Admin Panel</a></li>-->
                                <li><a href="<?= $this->url(array(), 'contact-us'); ?>">Contact Us</a></li>
                                <li><a href="<?= $this->url(array(), 'feedback'); ?>">Feedback</a></li>
                                <li><a href="<?= $this->url(array(), 'faq'); ?>">FAQ</a></li>
                                <li><a href="<?= $this->url(array(), 'tc'); ?>">Disclaimer</a></li>
                                <li><a href="<?= $this->url(array(), 'us'); ?>">About Us</a></li>
                            </ul>
                            <div class="cl">&nbsp;</div>
                        </div>
                        <p class="copy">&copy; Copyright 2013<span>|</span>Savan Koradia. Design by <a href="https://www.freelancer.com/u/savankoradia.html" target="_blank">SpearBall Inc.</a></p>
                        <div class="cl">&nbsp;</div>
                    </div>
                    <!-- end of footer -->
                </div>
                <!-- end of container -->
            </div>
            <!-- end of shell -->
        </div>
        <!-- end of wrapper -->
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id))
                    return;
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=204118259749717";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
    </body>
</html>